<template>
  <div class="model-form">
    <el-page-header @back="goBack" content="详情">
    </el-page-header>

    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
      <el-menu-item index="1">
        资金账户详情
      </el-menu-item>
      <el-menu-item index="2">
        资金明细
      </el-menu-item>
    </el-menu>
    <div style="margin-top:15px;">
      <router-view></router-view>
    </div>

  </div>
</template>

<script>
  import common from "@/mixins/common.js";
  var config = {};
  config.methods = {};
  config.mixins = [common];

  config.data = function () {
    return {
      activeIndex: "1"
    }
  };
  config.methods.handleSelect = function (index) {
    var selectId = this.selectId;
    if (index == "1") {
      this.$router.replace({
        path: '/tenantaccount/view',
        query: {
          id: selectId,
          activeIndex: 1,
          time: Math.random()
        }
      })
    } else if (index == "2") {
      this.$router.replace({
        path: '/tenantaccount/stream',
        query: {
          id: selectId,
          activeIndex: 2,
          time: Math.random()
        }
      })
    } else {
      console.log(index)
    }
  }
  config.mounted = function () {
    var id = this.$route.query.id;
    var activeIndex = this.$route.query.activeIndex;
    this.selectId = id;
    if (activeIndex) {
      this.activeIndex = activeIndex;
    }
  }

  export default config;
</script>

<style scoped>

</style>